<template>
	<view class="asidetop" v-show="isshow">
		<view class="aside-left dp alcenter fdcolumn ">
			<view class="aside-left-top">
				<image src="../../static/logo.png" class="logoimg"></image>
			</view>
			<view class="aside-left-bottom">
				<view class="asideitem dp alcenter">
					<image src="../../static/icon_house.png" class="itemimg"></image>
					<text>公司介绍</text>
				</view>
				<view class="asideitem dp alcenter">
					<image src="../../static/icon_house.png" class="itemimg"></image>
					<text>分店风采</text>
				</view>
				<view class="asideitem dp alcenter">
					<image src="../../static/icon_house.png" class="itemimg"></image>
					<text>订单服务</text>
				</view>
				<view class="asideitem dp alcenter">
					<image src="../../static/icon_house.png" class="itemimg"></image>
					<text>形象展示</text>
				</view>
				<view class="asideitem dp alcenter">
					<image src="../../static/icon_house.png" class="itemimg"></image>
					<text>服务流程</text>
				</view>
				<view class="asideitem dp alcenter">
					<image src="../../static/icon_house.png" class="itemimg"></image>
					<text>厨师加盟</text>
				</view>
				<view class="asideitem dp alcenter">
					<image src="../../static/icon_house.png" class="itemimg"></image>
					<text>服务员加盟</text>
				</view>
			</view>
		</view>
		<view class="aside-right" @click="isvisible">

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
isshow:false
			};
		},
		methods: {
			isvisible() {
			this.isshow=false
			
			}
		},

	}
</script>

<style>
	.asidetop {
		width: 100%;
		height: 100%;
		background: rgba(74, 74, 74, 0.5);
		z-index: 2;
		position: fixed;
		left: 0;
		top: 0;
		display: flex;
	}

	.aside-left {
		background-color: #FFFFFF;
		width: 150px;
	}

	.aside-left-top {
		background: #F6F6F6;
		width: 100%;
		height: 200px;
		display: flex;
	}

	.logoimg {
		width: 180rpx;
		height: 180rpx;
		border-radius: 50%;
		margin: auto;
	}

	.asideitem {
		display: flex;
		margin-bottom: 30px;
	}

	.itemimg {
		width: 25px;
		height: 25px;
	}

	.aside-left-bottom {
		padding: 40rpx 0 0 0;
	}

	.aside-right {
		flex: 1;
	}
</style>
